<!--
 * @Author: 傅湘乐 fuxiangle@dhcc.com.cn
 * @Date: 2023-02-16 11:24:44
 * @LastEditors: 傅湘乐 fuxiangle@dhcc.com.cn
 * @LastEditTime: 2023-02-16 16:59:30
 * @FilePath: \sloth-admin-vue3-vite3\src\views\assembly\fileView\index.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
	<div class="card">
		<h1>pdf预览组件</h1>
		<div style="position: relative; min-height: calc(100vh - 50px)">
			<PdfViewer :url="pdfUrl"></PdfViewer>
		</div>
	</div>
</template>

<script setup lang="ts" name="PdfView">
import PdfViewer from './components/PdfViewer.vue'
import { ref } from 'vue'
const pdfUrl = ref('http://fe.dhcc.work/aaa/a.pdf')
</script>

<style scoped lang="scss">
.fileBox {
	margin-left: 30px;
	.item {
		margin-bottom: 10px;
	}
}
</style>
